<template>
	<view class="p-20px">
		<view class="mb-20px">{{state.pageType==0?'新增':'修改'}}分组资料</view>
		<view class="flex flex-y-center px-20px py-20px mb-40px bg-white rounded-50px">
			<view class="w-140px text-28px text-center">分组名称:</view>
			<view class="line mr-20px mt-2px"></view>
			<view class="flex-1">
				<uv-input v-model="state.name" border="none" placeholder="请输入" class="rounded-20px">
				</uv-input>
			</view>
		</view>

		<uv-button text="提交" color="black" shape="circle"></uv-button>
	</view>
</template>

<script setup name="EmployeeManageInfo">
	import {
		ref,
		reactive,
	} from 'vue';
	import {
		onLoad
	} from "@dcloudio/uni-app";

	const actionsRef = ref()
	const state = reactive({
		pageType: 0,
		name: '',
	})

	const setTitle = () => {
		if (state.pageType == 0) {
			uni.setNavigationBarTitle({
				title: '新增分组'
			});
			console.log('onmount 已支付客户 已支付客户 接口');
		} else if (state.pageType == 1) {
			uni.setNavigationBarTitle({
				title: '编辑分组'
			});
			console.log('onmount 未支付客户 接口');
		}
	}

	onLoad((option) => {
		state.pageType = option.pageType
		console.log(888, state);
		setTitle()
	})
</script>

<style lang="scss">
	page {
		background: rgb(244, 243, 248);
	}

	.line {
		width: 1px;
		height: 30rpx;
		background: #dedede;
	}

	:deep(.uv-form-item__body__left__content__label) {
		justify-content: center !important;
	}

	.remark {
		color: rgb(225, 78, 133);
		background: rgb(255, 227, 239);
	}
</style>